//所有和头部有关系的js代码都放在这个文件里面
define(['template','request','jquery'],(template,req) => {
    class Header{
        constructor(){
            this.allCount = 0;
            this.init();
        }
        init(){
            $('#header').load('/html/header.html',() => {
                this.computedCount();
            });
            this.getNavData();
        }
        //获取数据渲染导航栏
        getNavData(){
            // $.ajax({
            //     url:'/xmyx/api/tabs?sa=',
            //     dataType:'json'
            // })
            // .then(res => {
            //     // console.log(res);
            //     // 渲染页面
            //     this.render(res.data.list);
            // })
            req.getNavData()
                .then(res => {
                    // console.log(res);
                    // 渲染页面
                    this.render(res.data.list);
                    this.headHide();
                })
        }
        //渲染页面
        render(list){
            list = list.slice(1,9);
            var html = template('navTemplate',{list});
            // console.log(html);
            // console.log($('#navTabsLi'));

            $('#navTabsLi').before(html);

        }
        //计算数量
        computedCount(){
            this.allCount = 0;
            //先把localstorage里面的数据取出来
            let prodList = localStorage.getItem('prodList');
            if(prodList){
                prodList = JSON.parse(prodList);
                prodList.forEach(item => {
                    this.allCount += item.count;
                })
            }
            // console.log($('#header .nav-right .count'))
            $('#header .nav-right .count').text(this.allCount);
        }

        //头部隐藏
        headHide(){
            //获取滚动条上向上滑动的距离
            window.onscroll = function(){
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                // console.log(scrollTop);
                if(scrollTop >= 200){
                    // $('#header').css('display','none');
                    $('#header').slideUp(500,'linear');
                }else{
                    // $('#header').slidedown(500,'linear');
                    $('#header').css('display','block');
                }
            }
           
        }

    }
    return new Header();
})